.myOrderDetail {
    padding: 50px 0;
    @include marginCenter(50%);

    .sureOrder {
        overflow: hidden;

        .title,
        .main {
            @include flex-between;
            text-align: center;
            width: 100%;
            height: 30px;
            background-color: #ddd;
            border: 1px solid $border-color;
            margin-bottom: 20px;

            p {
                width: 15%;

                &:nth-child(1) {
                    width: 40%;
                }
            }
        }

        .sureOrder-main {
            width: 100%;
            margin-bottom: 20px;
            border-top: 1px dashed $theme-color;
            border-bottom: 1px dashed $theme-color;

            .shop {
                width: 100%;
                padding: 4px 0;
                border-bottom: 1px solid #aaa;
                margin-bottom: 4px;
            }

            .main {
                background-color: $theme-rgba-1;
                height: 100px;
                overflow: hidden;

                p:nth-child(1) {
                    text-align: left;
                    padding-left: 30px;
                    @include flex-between;

                    img {
                        width: 40%;
                        height: 100%;
                    }

                    span {
                        padding-left: 15px;
                        flex: 1;
                    }
                }
            }
        }

        .total {
            width: 100%;

            div {
                padding: 20px;
                float: right;
                border: 2px solid $money-color;
                float: right;
            }
        }
    }

    .getOrder {
        .goMyinfo {
            margin: 50px 0;
            width: 100%;
            text-align: center;

            a {
                color: $theme-color;
            }
        }
    }

    .des {
        font-size: 15px;
        font-weight: bolder;
    }

    .money {
        color: $money-color;
        font-size: 20px;
        font-weight: bold;
    }

    .buttons {
        width: 100%;
        text-align: center;
    }
}